<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="/src/css/template-01/aniplex.css" />
    <link rel="stylesheet" href="/src/css/template-01/genshin.css" />
  </head>
  <body>
    <div class="content">
      <div class="aniplex">
        <div class="item">A</div>
        <div class="item">N</div>
        <div class="item">I</div>
        <div class="item">P</div>
        <div class="item">L</div>
        <div class="item">E</div>
        <div class="item">X</div>
        <div class="rect a"></div>
        <div class="rect n"></div>
        <div class="rect i"></div>
        <div class="rect p"></div>
        <div class="rect l"></div>
        <div class="rect e"></div>
        <div class="rect x"></div>
        <div class="rect-edge"></div>
      </div>

      <ul class="cards">
        <li
          class="card"
          style="background-image: url('/src/img/genshin/刻晴.jpg')"
        >
          <div
            class="more"
            style="background-image: url('/src/img/genshin/璃月.jpg')"
          >
            <div
              class="paint"
              style="background-image: url('/src/img/genshin/刻晴big.png')"
            ></div>
            <img class="title" src="/src/img/genshin/text-刻晴.png" alt="" />
            <div class="bar">
              <img class="point" src="/src/img/genshin/point2.jpg" alt="" />
              <span class="text">CV:谢莹</span>
              <img class="yuyin" src="/src/img/genshin/语音.png" alt="" />
            </div>
            <div class="desc">
              <p>
                璃月七星之一，玉衡星。对「帝君一言而决的璃月」颇有微词——但实际上，神挺欣赏她这样的人。
              </p>
              <p>
                她坚信与人类命运相关的事，应当由人类去做，而且人类一定可以做得更好。为了证明这一点，她比任何人都要努力。
              </p>
            </div>
          </div>
        </li>
        <li
          class="card"
          style="background-image: url('/src/img/genshin/宵宫.jpg')"
        >
          <div
            class="more"
            style="background-image: url('/src/img/genshin/稻妻.jpg')"
          >
            <div
              class="paint"
              style="background-image: url('/src/img/genshin/宵宫big.png')"
            ></div>
            <img class="title" src="/src/img/genshin/text-宵宫.png" alt="" />
            <div class="bar">
              <img class="point" src="/src/img/genshin/point2.jpg" alt="" />
              <span class="text">CV:金娜</span>
              <img class="yuyin" src="/src/img/genshin/语音.png" alt="" />
            </div>
            <div class="desc">
              <p>
                才华横溢的烟花工匠，「长野原烟花店」的现任店主，被誉为「夏祭的女王」。
              </p>
              <p>
                热情似火的少女。未泯的童心与匠人的执着在她身上交织出了奇妙的焰色反应。
              </p>
            </div>
          </div>
        </li>
        <li
          class="card"
          style="background-image: url('/src/img/genshin/神子.jpg')"
        >
          <div
            class="more"
            style="background-image: url('/src/img/genshin/稻妻.jpg')"
          >
            <div
              class="paint"
              style="background-image: url('/src/img/genshin/神子big.png')"
            ></div>
            <img class="title" src="/src/img/genshin/text-神子.png" alt="" />
            <div class="bar">
              <img class="point" src="/src/img/genshin/point2.jpg" alt="" />
              <span class="text">CV:杜冥鸦</span>
              <img class="yuyin" src="/src/img/genshin/语音.png" alt="" />
            </div>
            <div class="desc">
              <p>
                掌管鸣神大社的大巫女、狐之血脉的延续者、「永恒」的眷属与友人，以及，轻小说出版社「八重堂」的恐怖总编…
              </p>
              <p>
                有着多重身份的神秘宫司，凡人们或许永远无法了解她的真面目与真心。
              </p>
            </div>
          </div>
        </li>
        <li
          class="card"
          style="background-image: url('/src/img/genshin/胡桃.jpg')"
        >
          <div
            class="more"
            style="background-image: url('/src/img/genshin/璃月.jpg')"
          >
            <div
              class="paint"
              style="background-image: url('/src/img/genshin/胡桃big.png')"
            ></div>
            <img class="title" src="/src/img/genshin/text-胡桃.png" alt="" />
            <div class="bar">
              <img class="point" src="/src/img/genshin/point2.jpg" alt="" />
              <span class="text">CV:陶典</span>
              <img class="yuyin" src="/src/img/genshin/语音.png" alt="" />
            </div>
            <div class="desc">
              <p>
                胡桃——「往生堂」第七十七代堂主，掌控着璃月葬仪事务的重要人物。
              </p>
              <p>尽心尽力地为人们完成送别之仪，维护着世间阴阳平衡之道。</p>
              <p>除此以外还是个神奇打油诗人，诸多「杰作」被璃月人口口相传。</p>
            </div>
          </div>
        </li>
        <li
          class="card"
          style="background-image: url('/src/img/genshin/妮露.jpg')"
        >
          <div
            class="more"
            style="background-image: url('/src/img/genshin/须弥.jpg')"
          >
            <div
              class="paint"
              style="background-image: url('/src/img/genshin/妮露big.png')"
            ></div>
            <img class="title" src="/src/img/genshin/text-妮露.png" alt="" />
            <div class="bar">
              <img class="point" src="/src/img/genshin/point2.jpg" alt="" />
              <span class="text">CV:紫苏九月</span>
              <img class="yuyin" src="/src/img/genshin/语音.png" alt="" />
            </div>
            <div class="desc">
              <p>「祖拜尔剧场」的明星演员，舞姿娉婷，如睡莲初绽，一尘不染。</p>
              <p>
                但她绝非高傲清冷之人，即便只是匆匆的旅者，也会对她纯洁质朴的笑容过目不忘。
              </p>
            </div>
          </div>
        </li>
        <li
          class="card"
          style="background-image: url('/src/img/genshin/心海.jpg')"
        >
          <div
            class="more"
            style="background-image: url('/src/img/genshin/稻妻.jpg')"
          >
            <div
              class="paint"
              style="background-image: url('/src/img/genshin/心海big.png')"
            ></div>
            <img class="title" src="/src/img/genshin/text-心海.png" alt="" />
            <div class="bar">
              <img class="point" src="/src/img/genshin/point2.jpg" alt="" />
              <span class="text">CV:龟娘</span>
              <img class="yuyin" src="/src/img/genshin/语音.png" alt="" />
            </div>
            <div class="desc">
              <p>心海是海祇岛的「现人神巫女」，也就是现任海祇岛最高领袖。</p>
              <p>
                她通读兵法、擅长谋略，在军事上有着独特见解，也能将内政、外交等工作处理得井井有条。
              </p>
              <p>不过，这位人们眼中深不可测的领导者，似乎也有不为人知的一面…</p>
            </div>
          </div>
        </li>
        <li
          class="card"
          style="background-image: url('/src/img/genshin/凌华.jpg')"
        >
          <div
            class="more"
            style="background-image: url('/src/img/genshin/稻妻.jpg')"
          >
            <div
              class="paint"
              style="background-image: url('/src/img/genshin/凌华big.png')"
            ></div>
            <img class="title" src="/src/img/genshin/text-凌华.png" alt="" />
            <div class="bar">
              <img class="point" src="/src/img/genshin/point2.jpg" alt="" />
              <span class="text">CV:小N</span>
              <img class="yuyin" src="/src/img/genshin/语音.png" alt="" />
            </div>
            <div class="desc">
              <p>稻妻「社奉行」神里家的大小姐。端庄文雅，聪慧坚韧。</p>
              <p>
                待人接物真诚又得体，深受稻妻民众爱戴，贵有「白鹭公主」之名。
              </p>
            </div>
          </div>
        </li>
        <li
          class="card"
          style="background-image: url('/src/img/genshin/雷神.jpg')"
        >
          <div
            class="more"
            style="background-image: url('/src/img/genshin/稻妻.jpg')"
          >
            <div
              class="paint"
              style="background-image: url('/src/img/genshin/将军big.png')"
            ></div>
            <img class="title" src="/src/img/genshin/text-将军.png" alt="" />
            <div class="bar">
              <img class="point" src="/src/img/genshin/point2.jpg" alt="" />
              <span class="text">CV:菊花花</span>
              <img class="yuyin" src="/src/img/genshin/语音.png" alt="" />
            </div>
            <div class="desc">
              <p>雷电将军——此世最殊胜威怖的雷霆化身，稻妻幕府的最高主宰。</p>
              <p>挟威权之鸣雷，逐永恒之孤道的寂灭者。</p>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </body>
</html>
